<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset=utf-8 />
	<title>Canvas Gradient</title>
	<style>
	body {
	  background: #000;
	}
	canvas {
	  position: absolute;
	  top: 0;
	  left: 0;
	  /*height: 100%;
	  width: 100%;*/
	}
	</style>
	
	<script>
	window.addEventListener('load', function () 
	{
		var elem = document.getElementById('sample');
		var context = elem.getContext('2d');

		context.strokeStyle = '#FF8A00';
		context.lineWidth   = 4;

		context.beginPath();
		context.arc(190,190,100,0,Math.PI*2,true);
		context.stroke();
		context.closePath();

		/*
		context.fillRect  (10, 0, 100, 25);
		context.strokeRect(10, 35, 100, 25);
		context.clearRect (20, 55,  80, 10);
		context.strokeRect(10, 70, 100, 25);
		*/
	});
	</script>
	
</head>
<body>

	<canvas id="sample" height="600" width="600"></canvas>



</body>
</html>